<template>
    <div class="head">
        <i class="fa fa-angle-left left-icon" @click="back"></i>
        <h4>{{ title }}</h4>
    </div>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
        },
        tip: {
            type: String,
        },
    },
    // data() {
    //     return {
    //         title: "",
    //     };
    // },
    methods: {
        back() {
            // let homeData = [];
            // this.$store.state.homeData = JSON.stringify(
            //     this.$store.state.homeData
            // );
            // homeData.push(this.$store.state.homeData);
            // if (this.tip == 1) {
            //     this.$store.state.homeData = homeData
                // this.$router.push({
                //     name: "Home",
                //     params: {
                //         homeData:homeData
                //     },
                // });
                this.$router.go(-1);
            // } else {
            //     this.$router.go(-1);
            // }
        },
    },
};
</script>

<style lang="less" scoped>
.head {
    height: 60px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    .left-icon {
        font-size: 34px;
    }
    h4 {
        font-size: 20px;
        margin-left: 20px;
    }
}
</style>